/**
 * Created by Administrator on 2017/9/25.
 */

$(function () {
	// 从cookie中获取值动态创建购物车内的商品
	$(".mbar-cart-sum").hide();// 让购物车里的其他按钮隐藏
	$(".other_shop_title").hide();
	$(".mbar-cart-group").hide();
	$(".mbar-cart-foot").hide();
	$(".cart-none").show();
	// $("#shop_cart").on("click",function () {
	//获取cookie的值
	var mycookie = $.cookie('CartCookie');
	console.log(mycookie);
	if(mycookie){//判断cookie是否有值（判断购物车内是否有商品）
		mycookieArr = JSON.parse(mycookie);
		//设置商品种类的总数
		var cart_sum_num =mycookieArr.length;
		$('.cart-sum-num').text(cart_sum_num);
		//购物车图标下的数字
		$('#shop_cart b').text(cart_sum_num);
		// console.log(mycookieArr);
		for(var i=0;i<mycookieArr.length;i++){//2.循环购物车里的商品
			//让购物车里的其他按钮显示
			$(".mbar-cart-sum").show();
			$(".other_shop_title").show();
			$(".mbar-cart-group").show();
			$(".mbar-cart-foot").show();
			$(".cart-none").hide();
			var cookieId = mycookieArr[i].goodsId;
			// console.log(cookieNum);
			console.log(mycookieArr);
			var cookieNum = mycookieArr[i].goodsNum;
			//创建购物车商品列表
			// $("#cart-group").append($('<li id="cart_goods_'+cookieId+'"><div class="cart-img-box"><a href="goods.html?id='+cookieId+'"><img class="mbar-cart-img" src="../images/listImg/'+cookieId+'.jpg"></a></div><div class="mbar-cart-item"><div class="cart-item-name"><a class="cart-item-link" href="goods.html?id='+cookieId+'"><span>'+res[cookieId-1].brand+res[cookieId-1].title+'</span></a></div><div class="cart-item-sum"><a class="cart-item-btn substrBtn disabled" href="javascript:void(0);"><i class="iconfont icon-jian"></i></a><span class="cart-item-num" data-min="" data-max="">'+mycookieArr[i].goodsSum+'</span><a class="cart-item-btn plusBtn" href="javascript:void(0);"><i class="iconfont icon-jia"></i></a></div><div class="cart-item-price">'+res[cookieId-1].price+'</div><a class="cart-item-del" href="javascript:void(0);" data-tmp="17558-3476-12669" title="删除"><i class="iconfont icon-shanchu"></i></a></div></li>'));

			//为删除按钮绑定点击事件点击删除按钮，删除购物车里的商品
			(function(arg){
				$("#cart_goods_"+mycookieArr[arg].goodsId+" .cart-item-del").on("click",function () {
					if(mycookieArr.length==0){
						$(".mbar-cart-sum").hide();
						$(".other_shop_title").hide();
						$(".mbar-cart-group").hide();
						$(".mbar-cart-foot").hide();
						$(".cart-none").show();
						$(this).parents("li").remove();
						console.log(arg);
						//移除cookie中的值
						mycookieArr.splice(arg,1);
						$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
					}else{
						$(this).parents("li").remove();
						console.log(arg);
						//移除cookie中的值
						mycookieArr.splice(arg,1);
						$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
					}

				})
			})(i)


		}
	}

})

//读取cookie

$(function () {
	//点击跳转（图文详情、商品参数、配送说明、评论）
	var $dLi = $("#main .details .d_title li");
	for(var i=0;i<$dLi.length;i++){
		$dLi.eq(i).on("click",function () {
			var index = $(this).index();
			console.log($(this).index());
			$(this).siblings("li").removeClass("active").end().addClass("active");
			$(".d_li_tab").each(function () {//清空之前显示的详情
				$(this).hide()
			});
			$(".d_li_tab").eq(index).show();
		})
	}


	//获取url中的id
	function getQueryVariable(variable)
	{
		var query = window.location.search.substring(1);
		var vars = query.split("&");
		for (var i=0;i<vars.length;i++) {
			var pair = vars[i].split("=");
			if(pair[0] == variable){return pair[1];}
		}
		return(false);
	}
	// console.log(getQueryVariable("id"));
	var goodsId = getQueryVariable("id");
	// console.log(goodsId);
	
	ajax({
		url:"../json/list.json",
		success:function (res) {
			// console.log(res);
			result = res;
			//左边图片拼接
				$("#main .d_lt").append($('<div class="d_lt_top"><img src="../images/listImg/' + goodsId+'.jpg"/><a href="javascript:void(0)">变焦</a></div><div class="d_lt_bt"><p><div><img src="../images/listImg/'+goodsId+'-min-1.jpg"></div></p></div>'));
			//右边内容拼接
			// var discount = parseInt((Number(res[goodsId-1].price)*100)/Number(res[goodsId-1].oldPrice))/10;
			$("#main .d_rt").append($('<h1>'+res[goodsId-1].brand+res[goodsId-1].title+'</h1>'));
			if(res[goodsId-1].details){//创建商品描述
				$("#main .d_rt").append($('<p>'+res[goodsId-1].details+'</p>'));
			}
			//创建价格
			$("#main .d_rt").append($('<div class="goods_price"><div><label>价格</label><span class="oldPrice">'+res[goodsId-1].oldPrice+'</span></div><div><label>促销价</label><span class="price">¥'+res[goodsId-1].price+'.00</span><span class="super_special">超特价</span><span class="sale">3.7折</span></div></div>'));
			//返现拼接
			if(res[goodsId-1].midou){
				$("#main .d_rt").append($('<div class="fan"><i class="iconfont icon-fan"></i><span>最高可返<b>'+res[goodsId-1].midou+'</b>蜜豆</span></div>'))
			}
			//邮费拼接
			$("#main .d_rt").append($('<div class="postage"><span>邮费</span><span>满99元免邮</span></div>'));
			//种类添加
			if(res[goodsId-1].classify){
				$("#main .d_rt").append($('<div class="options"><dl class="last"><dt><label>'+res[goodsId-1].classify[0].classifyName+'<span class="required">&nbsp;*</span></label></dt><dd class="last"><select name="options['+goodsId+']" id="goods_'+goodsId+'" class="oselect"><option value="">-- 请选择分类 --</option></select></dd></dl></div>'))
			}
			//options内容拼接
			if(res[goodsId-1].classify){
				for(var i=0;i<res[goodsId-1].classify[1].goodsClassify.length;i++){
					$(".oselect").append('<option value="'+goodsId+'0'+(i+1)+'">'+res[goodsId-1].classify[1].goodsClassify[i]+'</option>');
				}
			}
			//加入购物车
			$("#main .d_rt").append($('<div class="add_to_cart"><div><label>数量</label><div class="goods_num"><a href="javascript:void(0)"  class="minus_g">-</a><input type="text" value="1"/><a href="javascript:void(0)"  class="add_g">+</a></div><p>库存:<span>有货</span></p></div><div><button id="add_to_collect">加入收藏</button><button id="add_to_mycart">加入购物车</button></div></div>'));

			//商品详情图片添加
			for(var i=0;i<res[goodsId-1].detailsImgSrc.length;i++){
				$(".d_img").append($('<img src="../images/listImg/'+res[goodsId-1].detailsImgSrc[i]+'.jpg"/>'));
			}

			//商品参数添加
			for(var i=0;i<res[goodsId-1].goodsInfo.length;i++){
				$(".d_goods_info table").append($('<tr><th class="g_label">'+res[goodsId-1].goodsInfo[i].dt+'</th><td class="data last">'+res[goodsId-1].goodsInfo[i].dd+'</td></tr>'))
			}


			
			//点击加入收藏，跳转到登录页面
			// console.log($("#add_to_collect"));
			$("#add_to_collect").on("click",function () {
				window.location.href="login—register.html?id=1";
			})


			// 点击商品详情页内的±选择商品数量
			//点击加的时候
			// console.log(parseInt($(".add_to_cart .add_g").siblings("input").val()) + 1);
			var goods_num = 1;
			var current_num = parseInt($(".add_to_cart .add_g").siblings("input").val());//当前商品的数量
			// alert(current_num);
			$(".add_to_cart .add_g").on("click",function () {
				current_num = parseInt($(".add_to_cart .add_g").siblings("input").val()) + 1;
				// console.log(current_num);
				$(".add_to_cart .add_g").siblings("input").val(current_num);
			})
			//点击减的时候
			$(".add_to_cart .minus_g").on("click",function () {
				// console.log(current_num);
				if(current_num==1){
					current_num = 1;
				}else{
					current_num = parseInt($(".add_to_cart .add_g").siblings("input").val()) - 1;
				}
				$(".add_to_cart .add_g").siblings("input").val(current_num);
			})


			
			
			//点击加入购物车按钮
			var cart_sum_right = null;//商品总价
			var cart_goods_num = 0;//购物车的商品总数
			var mycookieArr = [];
			var cookieobj = {};
			
			$("body").on("click","#add_to_mycart",function () {//点击加入购物车按钮
				if($("#goods_" + goodsId).children("option:selected").val()){//1.商品分类有值，选中分类就获取它的value值
					//获取cookie
					var mycookie = $.cookie('CartCookie');
					// console.log(mycookie);//打印false
					if(mycookie){//判断cookie是否有值（判断购物车内是否有商品）
						mycookieArr = JSON.parse(mycookie);
						var classify_index = 0;//商品类名的下标
						// console.log("打印存入前的cookie");
						if(mycookieArr.length>0){
							// console.log("cookie有值");
							var flag = false;
							for(var i=0;i<mycookieArr.length;i++){//2.循环购物车里的商品
								if(mycookieArr[i].goodsId==goodsId&&mycookieArr[i].goodsClassify==$("#goods_" + goodsId + " option:selected").val()){//2.1购物车内有相同的商品
									flag = true;
									classify_index = i;
									// console.log(classify_index);
									//获取购物车内商品的数量 = cookie中存入的商品数（当前购物车的数量）+当前添加的数量
									// console.log($('#cart_goods_' + mycookieArr[classify_index].goodsId + ' .cart-item-num').eq(classify_index));
									$('#cart_goods_'+mycookieArr[classify_index].goodsId+' .cart-item-num').eq(classify_index).text(mycookieArr[classify_index].goodsNum+ current_num);
									//重新给cookie中的数量赋值,存入cookie
									mycookieArr[classify_index].goodsNum = mycookieArr[classify_index].goodsNum+ current_num;
									// console.log(mycookieArr[classify_index].goodsNum);
									// console.log(mycookieArr);
									// console.log("购物车内商品数量");
									// console.log(mycookieArr[classify_index].goodsNum);
									$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
									// console.log("打印存入之后的cookie");
									
									
									// 存入相同商品时 改变商品总价
									// for(var j=0;j<mycookieArr.length;j++){
									// 	cart_sum_right =parseInt(mycookieArr[classify_index].goodsNum)*parseInt(mycookieArr[classify_index].goodsId)+ parseInt(mycookieArr[i].goodsNum)*parseInt(res[mycookieArr[i].goodsId-1].price)
									// }
									// $(".cart-sum-right").text("￥"+cart_sum_right+".00");
									// break;
								}
							}
							if(flag){//2.1购物车内有相同的商品
								// console.log("购物车内有相同的ID和类");
								
							}else{//2.2购物车内没有相同的商品
								// console.log("购物车内没有相同的类或ID");
								//购物车商品种类的数量
								console.log(parseInt($('.cart-sum-num').text()) + 1);
								var cart_sum_num =parseInt($('.cart-sum-num').text())+1;
								$('.cart-sum-num').text(cart_sum_num);
								//购物车图标下的数字
								$('#shop_cart b').text(cart_sum_num);
								//购物车内当前商品的数量
								// cart_goods_num = current_num;
								//把商品id和数量存入cookie
								cookieobj = {
									goodsId:goodsId,
									goodsNum:current_num,
									goodsSum:cart_sum_num,//商品种类
									goodsClassify:$("#goods_"+goodsId+" option:selected").val()
								}
								mycookieArr.push(cookieobj);
								$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
								
								
								
								//创建购物车商品列表
								$("#cart-group").append($('<li id="cart_goods_'+goodsId+'">' +
									'<div class="cart-img-box"><a href="goods.html?id='+goodsId+'">' +
									'<img class="mbar-cart-img" src="../images/listImg/'+goodsId+'.jpg"></a></div><div class="mbar-cart-item"><div class="cart-item-name"><a class="cart-item-link" href="goods.html?id='+goodsId+'"><span>'+res[goodsId-1].brand+res[goodsId-1].title+'</span></a></div><div class="cart-item-sum"><a class="cart-item-btn substrBtn disabled" href="javascript:void(0);"><i class="iconfont icon-jian"></i></a><span class="cart-item-num" data-min="" data-max="">'+current_num+'</span><a class="cart-item-btn plusBtn" href="javascript:void(0);"><i class="iconfont icon-jia"></i></a></div><div class="cart-item-price">'+res[goodsId-1].price+'</div><a class="cart-item-del" href="javascript:void(0);" id="del_'+$("#goods_"+goodsId+" option:selected").val()+'" title="删除"><i class="iconfont icon-shanchu"></i></a></div></li>'));
								// $(function () {
									var tempArr=JSON.parse($.cookie('CartCookie'));
								console.log($(".cart-item-num"));
								// alert(11);
								$(".cart-item-num").eq(0).html(tempArr[0].goodsNum);
									$(".cart-item-num").eq(1).html(tempArr[1].goodsNum);
								//
								
								//获取cookie
								var option_index = null;
								var cookieArr = JSON.parse($.cookie('CartCookie'));
								// console.log(mycookieArr);
								// console.log("打印cookiearr");
								// console.log(cookieArr);
								// 商品总价
								// for(var j=0;j<cookieArr.length;j++){
								// 	cart_sum_right += parseInt(cookieArr[i].goodsNum)*parseInt(res[cookieArr[i].goodsId-1].price)
								// }
								// $(".cart-sum-right").text("￥"+cart_sum_right+".00");
								
								// console.log("打印数组");
								// console.log(cookieArr);
								for(var i=0;i<cookieArr.length;i++){
									if(cookieArr[i].goodsClassify==$("#goods_"+goodsId+" option:selected").val()){
										option_index = i;
										
									}
								}
								$("#del_"+$("#goods_"+goodsId+" option:selected").val()).on("click",function () {
									//移除它
									$(this).parents("li").remove();
									
									//商品种类数量
									var cart_sum_num =parseInt($('.cart-sum-num').text())-1;
									$('.cart-sum-num').text(cart_sum_num);
									//购物车图标下的数字
									$('#shop_cart b').text(cart_sum_num);
									cookieArr[option_index].goodsSum = cart_sum_num;
									
									//移除cookie中的它
									cookieArr.splice(option_index,1);
									$.cookie('CartCookie', JSON.stringify(cookieArr),{ expires: 7 });
									
									
								})
								
								// console.log("没有相同的id创建的商品");
								
							}
						}else{//cookie为[] 即购物车内第一个创建的商品
							$(".mbar-cart-sum").show();//让购物车里的其他按钮显示
							$(".other_shop_title").show();
							$(".mbar-cart-group").show();
							$(".mbar-cart-foot").show();
							$(".cart-none").hide();
							// console.log("cookie未空值");
							//购物车内的总价
							$(".cart-sum-right").text("￥"+parseInt(res[goodsId-1].price)*current_num);
							//购物车商品种类的数量 = 1
							$('.cart-sum-num').text("1");
							//购物车图标下的数字
							$('#shop_cart b').text("1");
							//购物车内当前商品的数量
							// cart_goods_num = current_num;
							//把商品id和商品数量，商品种类数量存入cookie
							cookieobj = {
								goodsId:goodsId,
								goodsNum:current_num,
								goodsSum:1,
								goodsClassify:$("#goods_"+goodsId+" option:selected").val()
							}
							mycookieArr.push(cookieobj);
							$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
							//创建购物车商品列表
							$("#cart-group").append($('<li id="cart_goods_'+goodsId+'"><div class="cart-img-box"><a href="goods.html?id='+goodsId+'"><img class="mbar-cart-img" src="../images/listImg/'+goodsId+'.jpg"></a></div><div class="mbar-cart-item"><div class="cart-item-name"><a class="cart-item-link" href="goods.html?id='+goodsId+'"><span>'+res[goodsId-1].brand+res[goodsId-1].title+'</span></a></div><div class="cart-item-sum"><a class="cart-item-btn substrBtn disabled" href="javascript:void(0);"><i class="iconfont icon-jian"></i></a><span class="cart-item-num" data-min="" data-max="">'+current_num+'</span><a class="cart-item-btn plusBtn" href="javascript:void(0);"><i class="iconfont icon-jia"></i></a></div><div class="cart-item-price">'+res[goodsId-1].price+'</div><a class="cart-item-del" href="javascript:void(0);" data-tmp="17558-3476-12669" title="删除"><i class="iconfont icon-shanchu"></i></a></div></li>'));
							//为第一个加入购物车的商品的删除按钮绑定点击事件（点击删除按钮，删除购物车里的商品）
							$("#cart_goods_"+goodsId+" .cart-item-del").on("click",function () {
								// 让购物车里的其他按钮隐藏
								$(".mbar-cart-sum").hide();
								$(".other_shop_title").hide();
								$(".mbar-cart-group").hide();
								$(".mbar-cart-foot").hide();
								$(".cart-none").show();
								// 把这个商品从购物车移除
								$(this).parents("li").remove();
								//移除cookie中的值
								mycookieArr.splice(0,1);
								$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
								// $.cookie('CartCookie')
								$('#shop_cart b').text("0");
								$('.cart-sum-num').text("0");
							})
						}//cookie为[]的结尾
					//如果没有cookie的结尾（cookie为[]时未排除）
					}else{//cookie没有值 即购物车内第一个创建的商品
						
						$(".mbar-cart-sum").show();//1.让购物车里的其他按钮显示
						$(".other_shop_title").show();
						$(".mbar-cart-group").show();
						$(".mbar-cart-foot").show();
						$(".cart-none").hide();
						console.log("没有cookie");
						//购物车内的总价
						// $(".cart-sum-right").text("￥"+parseInt(res[goodsId-1].price)*current_num);
						//购物车商品种类的数量 = 1
						$('.cart-sum-num').text("1");
						//购物车图标下的数字
						$('#shop_cart b').text("1");
						//购物车内当前商品的数量
						// cart_goods_num = current_num;
						//把商品id和商品数量，商品种类数量存入cookie
						cookieobj = {
							goodsId:goodsId,
							goodsNum:current_num,
							goodsSum:1,
							goodsClassify:$("#goods_"+goodsId+" option:selected").val()
						}
						mycookieArr.push(cookieobj);
						$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
						//创建购物车商品列表
						$("#cart-group").append($('<li id="cart_goods_'+goodsId+'"><div class="cart-img-box"><a href="goods.html?id='+goodsId+'"><img class="mbar-cart-img" src="../images/listImg/'+goodsId+'.jpg"></a></div><div class="mbar-cart-item"><div class="cart-item-name"><a class="cart-item-link" href="goods.html?id='+goodsId+'"><span>'+res[goodsId-1].brand+res[goodsId-1].title+'</span></a></div><div class="cart-item-sum"><a class="cart-item-btn substrBtn disabled" href="javascript:void(0);"><i class="iconfont icon-jian"></i></a><span class="cart-item-num" data-min="" data-max="">'+current_num+'</span><a class="cart-item-btn plusBtn" href="javascript:void(0);"><i class="iconfont icon-jia"></i></a></div><div class="cart-item-price">'+res[goodsId-1].price+'</div><a class="cart-item-del" href="javascript:void(0);" data-tmp="17558-3476-12669" title="删除"><i class="iconfont icon-shanchu"></i></a></div></li>'));
						//为第一个加入购物车的商品的删除按钮绑定点击事件（点击删除按钮，删除购物车里的商品）
						$("#cart_goods_"+goodsId+" .cart-item-del").on("click",function () {
							// 让购物车里的其他按钮隐藏
							$(".mbar-cart-sum").hide();
							$(".other_shop_title").hide();
							$(".mbar-cart-group").hide();
							$(".mbar-cart-foot").hide();
							$(".cart-none").show();
							// 把这个商品从购物车移除
							$(this).parents("li").remove();
							//移除cookie中的值
							mycookieArr.splice(0,1);
							$.cookie('CartCookie', JSON.stringify(mycookieArr),{ expires: 7 });
							$('#shop_cart b').text("0");
							$('.cart-sum-num').text("0");
						})
					}//cookie没有值的结尾
				}else{
					$("#goods_" + goodsId)[0].focus();
				}//没有选中分类，就让它聚焦

			})//点击购物车按钮结束的地方

			
			
			
			
			
			
		// })
		


			//点击购物车内的加减改变商品的数量
			// //点击-的时候
			// $(".cart-item-sum .substrBtn").on("click",function () {
			// 	cart_subs_num = parseInt($(".cart-item-sum .cart-item-num").text());
			// 	if(cart_subs_num==1){
			// 		cart_subs_num==1;
			// 	}else{
			// 		cart_subs_num==parseInt($(".cart-item-sum .cart-item-num").text())-1;
			// 	}
			// 	$(".cart-item-sum .plusBtn").text(cart_subs_num);
			// })
			// //点击+的时候
			// console.log($(".cart-item-sum .plusBtn"));
			// var cart_subs_num = 1;
			// $(".cart-item-sum .plusBtn").on("click",function () {
			// 	console.log(parseInt($(".cart-item-sum .cart-item-num").text()));
			// 	cart_subs_num = parseInt($(".cart-item-sum .cart-item-num").text())+1;
			// 	$(".cart-item-sum .cart-item-num").text(cart_subs_num);
			// })

// alert
		}//success结束的地方

	})//ajax结束的地方




})
// $(function () {
// 	var temArr=JSON.parse($.cookie("CartCookie"));
	// ($("#goods_" + goodsId).children("option:selected").val());$(".cart-item-num")
	// $("body").on("selected",".last",function () {
	// 	console.log(11);
	// })
// })



